.grade-time-tips {
  font-size: 9px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #767676;
  line-height: 13px;
  margin-left: 7px;
  margin-right: 11px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.grade-time-tips .down {
  transform: rotateZ(0);
}
.a-left {
  display: flex;
  align-items: center;
}
.a-right {
  display: flex;
  align-items: center;
}
.a-right svg:nth-child(1) {
    padding: 0 10px;
  transform: rotateZ(90deg);
}
.a-right svg:nth-child(2) {
  padding: 0 10px;
  transform: rotateZ(-90deg);
}

.ass-1 {
  font-size: 10px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #b9b9b9;
  line-height: 14px;
  margin-left: 10px;
}

.semester-con {
  position: absolute;
  top: 100%;
  left: 0;
  background: url(../img/011.svg) 100% 100%;
  width: 245px;
  padding: 3px 27px 19px 10px;
  box-sizing: border-box;
  height: 105px;

  transition: 0.3s all;
  opacity: 0;
  visibility: hidden;
  animation: aaq 0.3s 1 0s;
}

@-webkit-keyframes aaq {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.semester-con.show {
  opacity: 1;
  visibility: visible;
  z-index: 101;
  animation: aa 0.3s 1 0s;
}

@-webkit-keyframes aa {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.semester-con p {
  display: flex;
  margin-top: 9px;
  font-size: 14px;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 19px;
  justify-content: space-between;
}

.semester-con img {
  width: 14px;
  display: none;
}

.semester-con p.active img {
  display: block;
}

.phone-hide {
  display: block;
}

#CalendarMain {
  display: none;
}

.phone-hide {
  display: none;
}

.img-014 {
  width: 23px;
}

.grade-time-tips {
  display: block;
  margin-left: 0;
  width: 100%;
}

.grade-time-tips .down {
  margin-left: 10px;
}

.semester-con {
  width: 100%;
}
.course-top-lists.phone-header {
  display: flex;
}
